<template>
  home

  <hr />
  <el-button>Default</el-button>
  <el-button type="primary">Primary</el-button>
  <el-button type="success">Success</el-button>
  <el-button type="info">Info</el-button>
  <el-button type="warning">Warning</el-button>
  <el-button type="danger">Danger</el-button>

  <hr />
  <!-- 配置 el-icon 组件 -->
  <el-icon :size="'20px'" :color="'red'">
    <Edit />
  </el-icon>
  <!-- 或者独立使用它，不从父级获取属性 -->
  <Edit style="font-size: 20px; width: 1em; height: 1em; margin-right: 8px" />

  <el-button type="primary" :icon="Edit" circle />

  <el-button type="primary" icon="Share"> Upload </el-button>
</template>
<script setup lang="ts">
import { Edit } from '@element-plus/icons-vue'
</script>
<style lang="css" scoped></style>
